<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<link rel="icon" href="../img/tx.jpg" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>教程</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
<link rel="stylesheet" href="static/css/bootstrap.css">
<link rel="stylesheet" href="static/css/style.css">
<style>
	body{
		background-color: #0d0d0d;page-content-wrapper
	}
	.top{
		position: relative;
		left: 75px;
		top: 27px;
		font-size: 19px;
		animation: top .8s infinite;
		/* position: fixed; */
	}
	@keyframes top{
		from{}
		to{
			transform: scale(1.1);
		}
	}
	.box p{
		text-indent: 1cm
	}
	li{
		color:rgba(255, 255, 255, 0.7);

	}
	table tr td{
		color:rgba(255, 255, 255, 0.7);
	}
	.box a{
		text-decoration: none;
		font-size: 16px;
		
	}
	.box p{
		text-align: center;
		color: #8f8787;
		padding-top: 60px;
		font-size: 20px;
		font-family: '微软雅黑';
	}
	.box img{
		padding-top: 180px;
		width: 25%;
	}
	@media (max-width:768px) {
		.box img{
			width: 50%;
		}
	}
	
</style>

</head>
<body>
	<a href="../test.html"><div class="top glyphicon glyphicon-home"></div></a>

<div id="wrapper">
	<div class="overlay"></div>

	<!-- Sidebar -->
	<nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
		<ul class="nav sidebar-nav">
			<li class="sidebar-brand">
				<a href="#">
				  网盘链接
				</a>
			</li>
			<li>
				<a href="#1">HTML CSS</a>
			</li>
			<li>
				<a href="#2">JavaScript</a>
			</li>
			<li>
				<a href="#3">项目版本控制</a>
			</li>
			<li>
				<a href="#4"></i>php</a>
			</li>
			<li>
				<a href="#5">vue</a>
			</li>
			<li>
				<a href="#6">小程序</a>
			</li>
			<li>
				<a href="#7">Linux</a>
			</li>
			<li>
				<a href="#8">网络工程师</a>
			</li>
		</ul>
	</nav>
	<!-- /#sidebar-wrapper -->

	<!-- Page Content -->
	<div id="page-content-wrapper">
	  <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
		<span class="hamb-top"></span>
		<span class="hamb-middle"></span>
		<span class="hamb-bottom"></span>
	  </button>
		<div class="box">
			<div style="text-align: center;">
				<img src="../img/img.jpg" class="center-block">
			</div>
			
			<p>扫描微信二维码回复关键词。</p>
			
			<div style="padding-top: 80px;"></div>
			
			
			
			
			
	</div>
	<!-- /#page-content-wrapper -->

</div>
<!-- /#wrapper -->

<script src="static/js/jquery-1.8.3.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
	  var trigger = $('.hamburger'),
		  overlay = $('.overlay'),
		 isClosed = false;

		trigger.click(function () {
		  hamburger_cross();      
		});

		function hamburger_cross() {

		  if (isClosed == true) {          
			overlay.hide();
			trigger.removeClass('is-open');
			trigger.addClass('is-closed');
			isClosed = false;
		  } else {   
			overlay.show();
			trigger.removeClass('is-closed');
			trigger.addClass('is-open');
			isClosed = true;
		  }
	  }
	  
	  $('[data-toggle="offcanvas"]').click(function () {
			$('#wrapper').toggleClass('toggled');
	  });  
	});
</script>


</body>
</html>